<%-- 
    Document   : principal
    Created on : 24-nov-2013, 20:23:09
    Author     : Natalia
--%>

<%@page import="beans.Usuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>.:: Sistema de Recomendación ::.</title>
        <link rel="icon" type="image/png" href="Recursos/images/ico-recommend.png">
        
        <link href="Recursos/css/main.css" rel="stylesheet" type="text/css"/>
        <link href="Recursos/css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
        <link href="Recursos/css/custom.css" rel="stylesheet" type="text/css"/>
        
        <script type="text/javascript" src="Recursos/js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="Recursos/js/bootstrap.js"></script>
    </head>
    <body>
        <div id="wrapper" class="container-fluid"><!-- Starts the main container a.k.a wrapper -->
            <div id="sidebar" class="nav-collapse"><!-- Left sidebar -->
                <div class="accordion" id="accordion2"><!-- Accordion -->
                    <div class="accordion-group"><!-- Accordion group -->
                    
                        <div class="accordion-heading"><!-- Accordion heading -->
                            <a id="currentuser" class="accordion-toggle accordion-inb" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                                
                                <%
                                    HttpSession ses = request.getSession();                                    
                                    Usuario usuario = (Usuario)ses.getAttribute("Usuario");
                                %>
                                <% if(usuario.getSexo().equals("M")){
                                       out.print("<img class='minavatar' alt='avatar' src='Recursos/images/man.png' />");
                                   }
                                   else{
                                        out.print("<img class='minavatar' alt='avatar' src='Recursos/images/woman.png' />");
                                   }
                                %>
                                <%
                                    //out.print(usuario.getNombres());
                                   out.print("Natalia G.");
                                %>
                                <i class="icon icon-caret-down"></i>
                            </a>
                        </div>
                        <div id="collapseOne" class="accordion-body collapse"><!-- Accordion collapsible visible -->
                            <div class="accordion-inner">
                              <!--  <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb">
                                        <i class="icon icon-bell"></i>
                                        Alert center
                                        <span class="badge pull-right">23</span>
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb">
                                        <i class="icon icon-inbox"></i>
                                        Messages
                                        <span class="badge pull-right">4</span>
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb">
                                        <i class="icon icon-link"></i>
                                        Linked profiles
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb">
                                    <i class="icon icon-cog"></i>
                                        Account settings
                                    </a>
                                </div> -->
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="CerrarSesion">
                                    <i class="icon icon-off"></i>
                                        Salir
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-heading"><!-- Accordion heading -->
                            <a class="accordion-toggle accordion-inb" href="perfil.jsp" target="frmPrincipal">
                                <i class="icon icon-dashboard"></i>
                                Perfil
                            </a>
                        </div>
                        
                        <div class="accordion-heading">
                            <a class="accordion-toggle accordion-inb" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                                <i class="icon icon-th"></i>
                                Intereses
                                <i class="icon icon-caret-down pull-right"></i>
                            </a>
                        </div>
                        <div id="collapseThree" class="accordion-body collapse">
                            <div class="accordion-inner">
                                <div class="accordion-heading">
                                     <a class="accordion-toggle accordion-inb" href="graph.jsp"  href="perfil.jsp" target="frmPrincipal">
                                        <i class="icon icon-signal"></i>
                                        Estadísticas
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="mapa.jsp">
                                        <i class="icon icon-globe"></i>
                                        Ubicaciones
                                    </a>
                                </div>
                                <!--<div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="icons.html">
                                        <i class="icon icon-angle-right"></i>
                                        Icons
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="typography.html">
                                        <i class="icon icon-angle-right"></i>
                                        Typography
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="grids.html">
                                        <i class="icon icon-angle-right"></i>
                                        Grids
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="others.html">
                                        <i class="icon icon-angle-right"></i>
                                        Others
                                    </a>
                                </div>
                                -->
                            </div>
                        </div>
                        <!--
                        <div class="accordion-heading">
                            <a class="accordion-toggle accordion-inb" href="graph.jsp"  href="perfil.jsp" target="frmPrincipal">
                                <i class="icon icon-list"></i>
                                Estadísticas
                            </a>
                        </div>
                        
                        <div class="accordion-heading">
                            <a class="accordion-toggle accordion-inb" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
                                <i class="icon icon-puzzle-piece"></i>
                                Components
                                <i class="icon icon-caret-down pull-right"></i>
                            </a>
                        </div>
                        <div id="collapseFour" class="accordion-body collapse">
                            <div class="accordion-inner">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="maps.html">
                                        <i class="icon icon-globe"></i>
                                        Maps
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="calendar.html">
                                        <i class="icon icon-calendar"></i>
                                        Calendar
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="media.html">
                                        <i class="icon icon-picture"></i>
                                        Media
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="accordion-heading">
                            <a class="accordion-toggle accordion-inb" href="tables.html">
                                <i class="icon icon-table"></i>
                                Tables
                            </a>
                        </div>
                        
                        
                        <div class="accordion-heading">
                            <a class="accordion-toggle accordion-inb" href="charts.html">
                                <i class="icon icon-signal"></i>
                                Charts
                            </a>
                        </div>
                    
                        <div class="accordion-heading">
                            <a class="accordion-toggle accordion-inb" data-toggle="collapse" data-parent="#accordion2" href="#collapseFive">
                                <i class="icon icon-file"></i>
                                Sample pages
                                <i class="icon icon-caret-down pull-right"></i>
                            </a>
                        </div>
                        <div id="collapseFive" class="accordion-body collapse in">
                            <div class="accordion-inner">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb accordion-current" href="profile.html">
                                        <i class="icon icon-angle-right"></i>
                                        Profile
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="blank.html">
                                        <i class="icon icon-angle-right"></i>
                                        Blank
                                    </a>
                                </div>
                                <div class="accordion-heading">
                                    <a class="accordion-toggle accordion-inb" href="404.html">
                                        <i class="icon icon-angle-right"></i>
                                        404
                                    </a>
                                </div>
                            </div>
                        </div>
                        -->
                    </div>    
                </div>  <!-- End of accordion -->          
            </div>  <!-- End of left sidebar -->   
            <header>
                <div id="mainheader"><!-- Main header (the dark grey one) -->

                </div><!-- End of main header -->
                <div id="breadcrumb"></div>
            </header>
            <section id="main"><!-- Main page container -->
               <iframe id="frmPrincipal" name="frmPrincipal" src="perfil.jsp" frameborder="0"></iframe>           
            </section> <!-- End #main -->
        </div><!-- End wrapper -->
    </body>
</html>
